<template>
    <div>

        <div class="LogoutBody">

            <div class="content">
                <div class="text">
                    <img src="http://uia.whxy.edu.cn/cas/images/logout/zx_tip.png" alt="">
                    <span>您已成功退出，可以进行如下操作：</span>
                </div>
                <router-link to="/Login">
                    <input id="portal" type="button" value="重新登录">
                </router-link>
                
            </div>



        </div>

    </div>
</template>

<script>
    export default {
        name:'Logout',
      mounted() {
          this.logout()
      },
      data() {
            return {
                
            }
        },
      methods:{
          logout(){
            this.$store.commit('logout')
          }
      }
    }
</script>

<style scoped>
    .LogoutHeader{
        height: 120px;
        background-color: #E5E5E5;
    }


    .LogoutBody
    {
      width: 100vw;
      height: calc(100vh - 61px) ;
      display: flex;
      justify-content: center;
      align-items: center;
      background: url("http://uia.whxy.edu.cn/cas/images/logout/zx_chengong.jpg") no-repeat center;


    }
    .content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;




    }
    .content .text{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .content .text img{
        display: block;
        height: 50px;
        width: 50px;
    }
    .content .text span{
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        color: #3c96f3;
        margin-left: 10px;
    }
    .content input{
        background: #0193de;
        width: 92px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 30px 20px;
        font-size: 14px;
    }

    .LogoutFooter{
        height: 120px;
        background-color: #E5E5E5;
    }
</style>